<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>修改绑定手机</title>
    <link rel="stylesheet" href="../../css/reset.css" />
    <link rel="stylesheet" href="../../css/public.css" />
    <link rel="stylesheet" href="../../css/address.css" />
    <link rel="stylesheet" href="../../css/center.css" />
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/form.css" />
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale +
                    ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>

<body>
    <div class="passenger-form">
        <ul>
            <li class="box">
                <p class="name flex32">
                    <span>二维码类型</span>
                </p>
                <p class="info flex66">
                    <span>临时二维码</span>
                </p>
            </li>
            <li class="box">
                <p class="name flex32">
                    <span>申请人姓名</span>
                </p>
                <p class="info flex66">
                    <input class="input" type="text" placeholder="如：小李">
                </p>
            </li>
            <li class="box">
                <p class="name flex32 space-info certificates">
                    <span id="js-certificates">身份证号</span>
                </p>
                <p class="info flex66">
                    <input class="input" type="text" placeholder="如：28192772******5722">
                </p>
            </li>
            <li class="box">
                <p class="name flex32">
                    <span>手机号</span>
                </p>
                <p class="info flex66">
                    <span class="c-999" id="trigger">18920228290</span>
                </p>
            </li>
        </ul>
    </div>
    
    <div class="btn-big-box">
        <a href="QR-code.html" class="btn-big">获取</a>
    </div>




    <!-- 地址选择列表 -->
    <div id="js-phone-popup" class="phone-popup">
            <div class="phone-list-box">
                <div id="phone-list" class="address-list">
                    <div class="section">
                        <h2 class="address-letter-tit">热门</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">A</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">B</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">C</h2>
                        <ul class="address-routine-item">  
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>                          
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">D</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">E</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">中国大陆 <span>86</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国香港 <span>852</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国澳门 <span>853</span></a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">中国台湾 <span>886</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">F</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">福州</a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">丰县</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">G</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">广州</a>
                            </li>
                            <li>
                                <a href="javascript:void (0);">贵阳</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">H</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">杭州</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">J</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">济南</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">K</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">开封</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">L</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">洛阳</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">M</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">眉山</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">N</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">牛市口</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">P</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">攀枝花</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">Q</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">青岛</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">R</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">仁化</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">S</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">山东</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">T</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">天津</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">W</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">武汉</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">X</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">西安</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">Y</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">延边</a>
                            </li>
                        </ul>
                    </div>
                    <div class="section">
                        <h2 class="address-letter-tit">Z</h2>
                        <ul class="address-routine-item">
                            <li>
                                <a href="javascript:void (0);">郑州</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <span class="empty-mask"></span>
        </div>
        
    <script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../js/public.js"></script>
    <script type="text/javascript" src="../../js/pagescroller.min.js"></script>
    <script type="text/javascript" src="../../js/iscroll.js"></script>
    <script type="text/javascript" src="../../js/center.js"></script>
    <script type="text/javascript" src="../../js/index.js"></script>
    <script type="text/javascript">
        //    右侧地址按照字母选择
        $(document).ready(function () {
            var navLabel = new Array("热门", "A", "B", "C", "D", "E", "F", "G", "H", "J", "K",
                "L", "M", "N", "P", "Q", "R", "S", "T", "W", "X", "Y", "Z");
            $('#phone-list').pageScroller({
                navigation: navLabel,
                scrollOffset: 0,
                animationSpeed: 750,
            });
        });
    </script>



</body>

</html>